import React, { useEffect, useRef, useState } from 'react'
import BMapGL from 'BMapGL'
import userEvent from '@testing-library/user-event'

export default function test() {
    const [arrSq, setArrSq] = useState([])
    let myGeo = new BMapGL.Geocoder()
    const getPosition = name => {
        return new Promise((res, rej) => {
            myGeo.getPoint(name, point => {
                if (point) {
                    res({ name, point: `${point.lat},${point.lng}` })
                    // console.log('11111')
                    // console.log(it, point)
                } else {
                    rej(Error('您选择的地址没有解析到结果！'))
                }
            })
        })
    }
    useEffect(() => {
        let arrStr = `上兴社区
新新社区
龙泉东社区
龙泉西社区
寺家庄社区
新泰社区
翠屏社区
方安社区
申兴社区
西山社区
镇宁社区
海山社区
旱码头社区
龙泉社区
龙海社区
南苑社区
西苑社区
林溪社区
红旗社区
金河社区
封龙社区
山前社区
符家庄社区
南新城社区
方台社区
申后社区
横山社区
一街社区
二街社区
三街社区
四街社区
五街社区
六街社区
七街社区
八街社区
曹庄社区
杨庄社区
贺庄社区
大毕村社区
石柏社区
东辛庄社区
北海山社区
南海山社区
东马庄社区
西马庄社区
大李庄社区
张家庄社区
郑家庄社区
南铜冶社区
北铜冶社区`
        const _arr = []
        // Promise.allSettled([getPosition('北铜冶社区')]).then(res => {
        //   console.log(res)
        // })
        let arrP = arrStr.split('\n').map(item => getPosition(item.trim()))
        console.log(arrP)
        Promise.allSettled(arrP)
            .then(res => {
                console.log('_arr', res)
                res.forEach(item => {
                    _arr.push(item.value)
                })
                setArrSq(_arr)
            })
            .catch(err => {
                console.log(err)
            })
    }, [])
    return (
        <div>
            test
            {arrSq?.map(item => {
                return (
                    <div key={item.name}>{item.point}</div>
                )
            })}
        </div>
    )
}
